*{
    margin: 0;
    padding: 0;
}
.main-left-li-active{
    color: rgb(114, 114, 236);
    background-color: rgb(187, 223, 238);
    border-right: 1px solid rgb(114, 114, 236);
}
body{
    background-color: #eee;
    width: 100%;
    min-width: 600px;
    header{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        background-image: linear-gradient(to right ,rgb(59, 59, 243) 0%,rgb(34, 178, 235) 100%);
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        #hd-left{
            display: flex;
            align-items: center;
            #logo{
                display: flex;
                flex-wrap: wrap;
                width: 69px;
                justify-content: center;
                box-sizing: border-box;
                padding: 7px 0;
                #hd-logo-top{
                width: 30px;
                height: 30px;
                }
                #hd-logo-down{
                    width: 69px;
                    height: 15px;
                }
            }
           
            span{
                padding-left: 50px;
                font-size: 14px;
                color: #fff;
                font-weight: 800;
            }
        }
        #hd-right{
            width: 20%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            #hd-touxiang,#hd-news,#hd-setting{
            width: 10%;
            margin: 0 10px;
            }
            #hd-chose{
                position: relative;
                #hd-select{
                background-color: transparent;
                outline: none;
                border: none;
                color: #fff;
                }
                #xialacaidan{
                    list-style: none;
                    position: absolute;
                    display: flex;
                    flex-wrap: wrap;
                    top: 37px;
                    left: -35px;
                    color: #000;
                    z-index: 5;
                    li{
                        cursor: pointer;
                        background-color: #fff;
                        width: 170px;
                        height: 50px;
                        line-height: 43px;
                        font-size: 14px;
                        padding-left: 30px;
                        box-sizing: border-box;
                    }
                }
            }
        }
        
        
    }
    main{
        width: 100%;
        display: flex;
        justify-content: space-between;
        #main-left{
            background-color: #fff;
            width: 230px;
            ul{
                text-align: center;
                font-size: 14px;
                cursor: default;
                #main-left-sy{
                    padding-right: 33%;
                }
                li{
                    height: 50px;
                    line-height: 50px;
                    &:not(:nth-of-type(1)):hover{
                        color: rgb(114, 114, 236);
                        background-color: rgb(213, 244, 255);
                        border-right: 1px solid rgb(114, 114, 236);
                    }
                }
                li:nth-of-type(1){
                    box-sizing: border-box;
                    padding-right: 20%;
                    border-bottom: 1px solid #ddd;
                    img{
                        vertical-align: middle;
                        margin-right: 10px;
                    }
                }
                #main-left-sy:hover{
                        color: rgb(114, 114, 236);
                        background-color: rgb(213, 244, 255);
                        border-right: 1px solid rgb(114, 114, 236);
                }
            }
            
        }
        #main-right{
            flex-grow: 1;
            height: 1000px;
            margin-left: 1%;
            box-sizing: border-box;
            padding-left: 25px;
            padding-right: 25px;
            padding-top: 30px;
            background-color: #f8fbfd;
            position: relative;
            // 客户管理
            #customerManagement{
                display: none;
                width: 100%;
                height: 100%;
                #add-find-div{
                    display: flex;
                    justify-content: space-between;
                    height: 45px;
                    align-items: center;
                    button{
                        border: none;
                        width: 130px;
                        height: 45px;
                        background-color: #3399ff;
                        color: white;
                        font-size: 15px;
                        border-radius: 5px;
                    }
                    div{
                        height: 45px;
                        display: flex;
                        align-items: center;
                        input{
                            width: 257px;
                            height: 40px;
                            box-sizing: border-box;
                            outline: none;
                            border: 1px solid #d7dde4;
                            font-size: 14px;
                        }
                        span{
                            width: 60px;
                            height: 40px;
                            background-color: #3399ff;
                        }
                        #search-btn{
                            font-size: 20px;
                            background-image: url('../../images/find.png');
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        #filter-btn{
                          margin-left: 10px;
                          background-image: url('../../images/filter.png');
                          background-repeat: no-repeat;
                          background-position: center;
                        }

                    }    
                    
                }
                #customer-tb{
                    margin-top: 15px;
                    width: 100%;
                    text-align: center;
                    border-collapse: collapse;
                    min-height: 60px;
                    thead{
                        background-color: #f5f7f9;
                        color: #657180;
                        font-size: 16px;
                        tr{
                            height: 56px;
                            th{
                                width:11%;
                                border: 1px solid #f2f2f2;
                            }
                            th:first-child{
                                width: 17%;
                            }
                            th:last-child{
                                width: 17%;
                            }
                        }
                    }
                    tbody{
                        td{
                            height: 52px;
                            border: 1px solid #f2f2f2;
                            background-color: white;
                        }
                        tr{
                            td:last-child{
                                a{
                                    margin-right: 15px;
                                }
                                color: #00b2ff;
                            }
                        }

                    }
                }
                #customer-bottom-choose-page-div{
                    height: 35px;
                    margin-top: 12px;
                    text-align: right;
                    font-size: 15px;
                    color: #5f5f5f;
                    span{
                        width: 35px;
                        height: 35px;
                        display: inline-block;
                        line-height: 35px;
                        text-align: center;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                
                    }

                    #customer-prev-span:hover{
                        background-color: skyblue;
                    }
                    
                    
                    #customer-next-span:hover{
                        background-color: skyblue;
                    }
                    

                    .add-pages-span{
                        display: inline-block;
                        .active{
                            background-color: rgb(34, 178, 235);
                            color:white;
                        }
                    }
                    
                    #customer-pageSize-select{
                        width: 90px;
                        height: 35px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        font-size: 16px;
                        color: #5f5f5f;
                        margin-right: 4px;
                        option{
                            display: inline;
                        }
                    }
                    input{
                        width: 50px;
                        height: 35px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }
                }

            }
            //车位租赁
            #carRental{
                display: none;
                width: 100%;
                height: 100%;
                #add-find-filter-div{
                    display: flex;
                    justify-content: space-between;
                    height: 45px;
                    align-items: center;
                    button{
                        border: none;
                        width: 130px;
                        height: 45px;
                        background-color: #07bf84;
                        color: white;
                        font-size: 15px;
                        border-radius: 5px;
                    }
                    div{
                        height: 45px;
                        display: flex;
                        align-items: center;
                        input{
                            width: 257px;
                            height: 40px;
                            box-sizing: border-box;
                            outline: none;
                            border: 1px solid #d7dde4;
                            font-size: 14px;
                        }
                        span{
                            width: 60px;
                            height: 40px;
                            background-color: #3399ff;
                        }
                        #search-car-btn{
                            font-size: 20px;
                            background-image: url('../../images/find.png');
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        #filter-car-btn{
                          margin-left: 10px;
                          background-image: url('../../images/filter.png');
                          background-repeat: no-repeat;
                          background-position: center;
                        }

                    }    
                    
                }
                #carport-tb{
                    margin-top: 15px;
                    width: 100%;
                    text-align: center;
                    border-collapse: collapse;
                    min-height: 50px;
                    thead{
                        background-color: #f5f7f9;
                        color: #657180;
                        font-size: 16px;
                        tr{
                            height: 56px;
                            th{
                                width:7%;
                                border: 1px solid #f2f2f2;
                            }
                            th:last-child{
                                width: 16%;
                            }
                        }
                    }
                    tbody{
                        td{
                            height: 52px;
                            border: 1px solid #f2f2f2;
                            background-color: white;
                        }
                        tr{
                            td:last-child{
                                span{
                                    margin-right: 15px;
                                }
                                color: #00b2ff;
                            }
                        }

                    }
                }
                #carRental-bottom-choose-page-div{
                    height: 35px;
                    margin-top: 12px;
                    text-align: right;
                    font-size: 15px;
                    color: #5f5f5f;
                    span{
                        width: 35px;
                        height: 35px;
                        display: inline-block;
                        line-height: 35px;
                        text-align: center;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                
                    }

                    #car-prev-span:hover{
                        background-color: skyblue;
                    }
                    
                    
                    #car-next-span:hover{
                        background-color: skyblue;
                    }

                    .add-pages-span{
                        display: inline-block;
                        .active{
                            background-color: rgb(34, 178, 235);
                            color:white;
                        }
                    }



                    select{
                        width: 90px;
                        height: 35px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        font-size: 16px;
                        color: #5f5f5f;
                        margin-right: 4px;
                        
                    }
                    input{
                        width: 50px;
                        height: 35px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }
                }

            }
            //广告位租赁
            #advertisingLeasing{
                display: none;
                width: 100%;
                height: 100%;
                #add-find-filter-advertisingLeasing-div{
                    display: flex;
                    justify-content: space-between;
                    height: 45px;
                    align-items: center;
                    button{
                        border: none;
                        width: 130px;
                        height: 45px;
                        background-color: #3399ff;
                        color: white;
                        font-size: 15px;
                        border-radius: 5px;
                    }
                    div{
                        height: 45px;
                        display: flex;
                        align-items: center;
                        input{
                            width: 290px;
                            height: 40px;
                            box-sizing: border-box;
                            outline: none;
                            border: 1px solid #d7dde4;
                            font-size: 14px;
                        }
                        span{
                            width: 60px;
                            height: 40px;
                            background-color: #3399ff;
                        }
                        #search-advertising-btn{
                            font-size: 20px;
                            background-image: url('../../images/find.png');
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        #filter-advertising-btn{
                          margin-left: 10px;
                          background-image: url('../../images/filter.png');
                          background-repeat: no-repeat;
                          background-position: center;
                        }

                    }    
                    
                }
                #advertising-tb{
                    margin-top: 15px;
                    width: 100%;
                    text-align: center;
                    border-collapse: collapse;
                    min-height: 50px;
                    thead{
                        background-color: #f5f7f9;
                        color: #657180;
                        font-size: 16px;
                        tr{
                            height: 56px;
                            th{
                              
                                border: 1px solid #f2f2f2;
                            }
                            th:last-child{
                                width: 12%;
                            }
                        }
                    }
                    tbody{
                        td{
                            height: 52px;
                            border: 1px solid #f2f2f2;
                            background-color: white;
                        }
                        tr{
                            td:last-child{
                                span{
                                    margin-right: 15px;
                                }
                                color: #00b2ff;
                            }
                        }

                    }
                }
                #advertising-bottom-choose-page-div{
                    height: 35px;
                    margin-top: 12px;
                    text-align: right;
                    font-size: 15px;
                    color: #5f5f5f;

                    span{
                        width: 35px;
                        height: 35px;
                        display: inline-block;
                        line-height: 35px;
                        text-align: center;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }


                    #advertise-prev-span:hover{
                        background-color: skyblue;
                    }
                    
                    
                    #advertise-next-span:hover{
                        background-color: skyblue;
                    }


                    .add-pages-span{
                        display: inline-block;
                        .active{
                            background-color: rgb(34, 178, 235);
                            color:white;
                        }
                    }


                    
                    select{
                        width: 90px;
                        height: 35px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        font-size: 16px;
                        color: #5f5f5f;
                        margin-right: 4px;
                        
                    }
                    input{
                        width: 50px;
                        height: 35px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }
                }

            }
            //房屋租赁
            #houseRent{
                display: none;
                width: 100%;
                height: 100%;
                #add-find-filter-houseRent-div{
                    display: flex;
                    justify-content: space-between;
                    height: 45px;
                    align-items: center;
                    button{
                        border: none;
                        width: 130px;
                        height: 45px;
                        background-color: #3399ff;
                        color: white;
                        font-size: 15px;
                        border-radius: 5px;
                    }
                    div{
                        height: 45px;
                        display: flex;
                        align-items: center;
                        input{
                            width: 290px;
                            height: 40px;
                            box-sizing: border-box;
                            outline: none;
                            border: 1px solid #d7dde4;
                            font-size: 14px;
                        }
                        span{
                            width: 60px;
                            height: 40px;
                            background-color: #3399ff;
                        }
                        #search-houseRent-btn{
                            font-size: 20px;
                            background-image: url('../../images/find.png');
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        #filter-houseRent-btn{
                          margin-left: 10px;
                          background-image: url('../../images/filter.png');
                          background-repeat: no-repeat;
                          background-position: center;
                        }

                    }    
                    
                }
                #houseRent-tb{
                    margin-top: 15px;
                    width: 100%;
                    text-align: center;
                    border-collapse: collapse;
                    min-height: 50px;
                    thead{
                        background-color: #f5f7f9;
                        color: #657180;
                        font-size: 16px;
                        tr{
                            height: 56px;
                            th{
                              
                                border: 1px solid #f2f2f2;
                            }
                            th:last-child{
                                width: 12%;
                            }
                        }
                    }
                    tbody{
                        td{
                            height: 52px;
                            border: 1px solid #f2f2f2;
                            background-color: white;
                        }
                        tr{
                            td:last-child{
                                span{
                                    margin-right: 15px;
                                }
                                color: #00b2ff;
                            }
                        }

                    }
                }
                #houseRent-bottom-choose-page-div{
                    height: 35px;
                    margin-top: 12px;
                    text-align: right;
                    font-size: 15px;
                    color: #5f5f5f;
                    span{
                        width: 35px;
                        height: 35px;
                        display: inline-block;
                        line-height: 35px;
                        text-align: center;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                
                    }

                   #casa-prev-span:hover{
                        background-color: skyblue;
                    }
                    
                    
                    #casa-next-span:hover{
                        background-color: skyblue;
                    }


                    .add-pages-span{
                        display: inline-block;
                        .active{
                            background-color: rgb(34, 178, 235);
                            color:white;
                        }
                    }

                    select{
                        width: 90px;
                        height: 35px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        font-size: 16px;
                        color: #5f5f5f;
                        margin-right: 4px;
                        
                    }
                    input{
                        width: 50px;
                        height: 35px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }
                }

            }
            //合同管理
            #contractManagement{
                display: none;
                width: 100%;
                height: 100%;
                #add-find-filter-contract-div{
                    display: flex;
                    justify-content: space-between;
                    height: 45px;
                    align-items: center;
                    button{
                        border: none;
                        width: 130px;
                        height: 45px;
                        background-color: #3399ff;
                        color: white;
                        font-size: 15px;
                        border-radius: 5px;
                    }
                    div{
                        height: 45px;
                        display: flex;
                        align-items: center;
                        input{
                            width: 290px;
                            height: 40px;
                            box-sizing: border-box;
                            outline: none;
                            border: 1px solid #d7dde4;
                            font-size: 14px;
                        }
                        span{
                            width: 60px;
                            height: 40px;
                            background-color: #3399ff;
                        }
                        #search-contract-btn{
                            font-size: 20px;
                            background-image: url('../../images/find.png');
                            background-repeat: no-repeat;
                            background-position: center;
                        }
                        #filter-contract-btn{
                          margin-left: 10px;
                          background-image: url('../../images/filter.png');
                          background-repeat: no-repeat;
                          background-position: center;
                        }

                    }    
                    
                }
                #contract-tb{
                    margin-top: 15px;
                    width: 100%;
                    text-align: center;
                    border-collapse: collapse;
                    min-height: 50px;
                    thead{
                        background-color: #f5f7f9;
                        color: #657180;
                        font-size: 16px;
                        tr{
                            height: 56px;
                            th{
                              
                                border: 1px solid #f2f2f2;
                            }
                            th:last-child{
                                width: 12%;
                            }
                        }
                    }
                    tbody{
                        td{
                            height: 52px;
                            border: 1px solid #f2f2f2;
                            background-color: white;
                        }
                        tr{
                            td:last-child{
                                span{
                                    margin-right: 15px;
                                }
                                color: #00b2ff;
                            }
                        }

                    }
                }
                #contract-bottom-choose-page-div{
                    height: 35px;
                    margin-top: 12px;
                    text-align: right;
                    font-size: 15px;
                    color: #5f5f5f;
                    span{
                        width: 35px;
                        height: 35px;
                        display: inline-block;
                        line-height: 35px;
                        text-align: center;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                
                    }



                    #contract-prev-span:hover{
                        background-color: skyblue;
                    }
                    
                    
                    #contract-next-span:hover{
                        background-color: skyblue;
                    }


                    .add-pages-span{
                        display: inline-block;
                        .active{
                            background-color: rgb(34, 178, 235);
                            color:white;
                        }
                    }

                    select{
                        width: 90px;
                        height: 35px;
                        box-sizing: border-box;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        font-size: 16px;
                        color: #5f5f5f;
                        margin-right: 4px;
                        
                    }
                    input{
                        width: 50px;
                        height: 35px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid #d9d9d9;
                        border-radius: 5px;
                        margin-right: 4px;
                    }
                }

            }

        //新增客户模态框 ------------------------------------------------
        #add-customer-modalbox{
            display: none;
            position: absolute;
            width: 617px;
            height: 723px;
            top: 3%;
            left:20%;
            border: 1px solid #d7dde4;
            border-radius: 10px;
            box-sizing: border-box;
            padding:25px 15px 20px 15px;
            background-color: white;
           #header-div{
                display: flex;
                justify-content: space-between;
                border-bottom:1px solid #d7dde4;
                box-sizing: border-box;
                padding-left: 30px;
                padding-bottom: 20px;
                img{
                    width: 20px;
                    height: 20px;
                }
            }
            table{
                width: 100%;
                margin-top: 55px;
                tr{
                    .name-td{
                        height: 41px;
                    }
                    .sex-td{
                        height: 92px;
                    }
                    .tel-td{
                        height: 41px;
                    }
                    .state-td{
                        height: 75px;
                    }
                    .zulin-td{
                        height: 75px;
                    }
                 
                    td:first-child{
                        text-align: right;
                        width: 22%;
                        font-weight: 700;
                        font-style: normal;
                        color: #657180;
                        font-size: 14px;
                        font-weight: bold;
                        padding-right: 10px;
                    }
                    td:last-child{
                        width: 85%;
                        input:not(.check-input){
                            width: 85%;
                            height: 40px;
                            outline: none;
                            border: 1px solid #d7dde4;
                            box-sizing: border-box;
                            padding-left: 5px;
                        }
                        #man{
                            margin-left: 20px;
                            margin-right: 6px;
                        }
                       #woman{
                           margin-left:50px ;
                           margin-right: 6px;
                        }
                        select{
                            width: 85%;
                            height: 40px;
                            outline: none;
                            border: 1px solid #d7dde4;  
                            box-sizing: border-box;
                            padding-left: 5px;
                            font-size: 16px;
                        }
                        textarea{
                            width: 85%;
                            height: 120px;
                            padding-left: 5px;
                            outline: none;
                            border: 1px solid #d7dde4;  
                            box-sizing: border-box;
                            font-size: 16px;
                        }
                    }


                }
            }
           #footer-div{
               width: 100%;
               text-align: right;
               border-top:1px solid #d7dde4;
               box-sizing: border-box;
               padding-top: 30px;
               margin-top: 25px;
               padding-right: 70px;
               button{
                width: 106px;
                height: 42px;
                background: inherit;
                background-color: rgba(7, 191, 132, 1);
                border: none;
                border-radius: 3px;
                font-size: 14px;
                color: #FFFFFF;
               }
               #cancel-btn{
                   margin-left: 20px;
                   background-color: rgba(242, 242, 242, 1);
                   color: #44546E;
               }
           }
        }

        //添加车位租赁合同
        #add-carRental-contract-modalbox{
            display: none;
            width: 98.5%;
            height: 95%;
            position: absolute;
            background-color:white;
            top: 29px;
            left: 25px;
            box-sizing: border-box;
            p{
                font-weight: 400;
                font-style: normal;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.35);
                height: 40px;
                line-height: 40px;
                box-sizing: border-box;
                padding-left: 20px;
            }

            #basic-tb{
                tr{
                    td{
                        padding-top:10px;
                        padding-bottom:10px;
                       input{
                        width: 227px;
                        height: 43px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        padding-left: 5px;
                       } 

                       select{
                        width: 227px;
                        height: 43px;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        color: rgb(101, 113, 128);
                        box-sizing: border-box;
                        padding-left: 5px;
                       }

                    }

                    .text-title-td{
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                        color: rgb(101, 113, 128);
                        text-align: right;
                        box-sizing: border-box;
                        padding-left: 35px;
                        padding-right: 8px;
                    }

                }
            }

            #bargain-tb{
                tr{
                    td{
                        padding-top:5px;
                        padding-bottom:5px;
                       input:not(.check-input){
                        width: 227px;
                        height: 43px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        padding-left: 5px;
                       } 

                       #upload-attachment-input,#remark-input{
                           width: 100%;
                       }
              
                       select{
                        width: 227px;
                        height: 43px;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        color: rgb(101, 113, 128);
                        box-sizing: border-box;
                        padding-left: 5px;
                       }

                    }

                    .text-title-td{
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                        color: rgb(101, 113, 128);
                        text-align: right;
                        box-sizing: border-box;
                        padding-left: 35px;
                        padding-right: 8px;
                        position: relative;
                    }

                    #file-input{
                        position: absolute;
                        color: transparent;
                        width: 106px;
                        height: 42px;
                        left: 140px;
                        z-index: 4;
                        opacity: 0;
                    }

                button{
               width: 106px;
               height: 42px;
               background-color: rgba(51, 153, 255, 1);
               border: none;
               border-radius: 3px;
                    }

                #add-allowpostattach-btn{
                background-color: rgba(242, 242, 242, 0.427450980392157);   
                 box-sizing: border-box;
                 border-width: 1px;
                 border-style: solid;
                 border-color: rgba(215, 215, 215, 1);
                 vertical-align: middle;
                    }
                    #car-accessory{
                        display: none;
                        width: 50px;
                        height: 50px;
                        vertical-align: middle;
                        margin-left: 100px;
                    }
                    #return-btn{
                        background-color: rgba(255, 255, 255, 1);
                        box-sizing: border-box;
                        border-width: 1px;
                        border-style: solid;
                        border-color: rgba(242, 242, 242, 1);
                        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                        font-weight: 700;
                        font-style: normal;
                    }

                    #save-contract-btn{
                        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                        font-weight: 700;
                        font-style: normal;
                        color: #FFFFFF;
                    }

                }



            }

        }

        //广告位租赁模态框
        #add-advertising-contract-modalbox{
            display: none;
            width: 98.5%;
            height: 95%;
            position: absolute;
            background-color:white;
            top: 29px;
            left: 25px;
            box-sizing: border-box;
            p{
                font-weight: 400;
                font-style: normal;
                font-size: 16px;
                color: rgba(0, 0, 0, 0.35);
                height: 40px;
                line-height: 40px;
                box-sizing: border-box;
                padding-left: 20px;
            }

            #advertising-basic-tb{
                tr{
                    #advertising-choose-plot{
                        width: 80%;
                    }
                    td{
                        padding-top:10px;
                        padding-bottom:10px;
                       input{
                        width: 227px;
                        height: 43px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        padding-left: 5px;
                       } 

                       select{
                        width: 227px;
                        height: 43px;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        color: rgb(101, 113, 128);
                        box-sizing: border-box;
                        padding-left: 5px;
                       }

                    }

                    .text-title-td{
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                        color: rgb(101, 113, 128);
                        text-align: right;
                        box-sizing: border-box;
                        padding-left: 35px;
                        padding-right: 8px;
                    }

                }
            }

            #advertising-bargain-tb{
                tr{
                    td{
                        padding-top:5px;
                        padding-bottom:5px;
                       input:not(.check-input){
                        width: 227px;
                        height: 43px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        padding-left: 5px;
                       } 

                       #upload-attachment-input,#remark-input{
                           width: 98.5%;
                           box-sizing: border-box;
                       }
              
                       select{
                        width: 227px;
                        height: 43px;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        color: rgb(101, 113, 128);
                        box-sizing: border-box;
                        padding-left: 5px;
                       }

                    }

                    .text-title-td{
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                        color: rgb(101, 113, 128);
                        text-align: right;
                        box-sizing: border-box;
                        padding-left: 35px;
                        padding-right: 8px;
                    }

                button{
               width: 106px;
               height: 42px;
               background-color: rgba(51, 153, 255, 1);
               border: none;
               border-radius: 3px;
               margin-right: 10px;
                    }

                #advertising-add-allowpostattach-btn{
                background-color: rgba(242, 242, 242, 0.427450980392157);   
                 box-sizing: border-box;
                 border-width: 1px;
                 border-style: solid;
                 border-color: rgba(215, 215, 215, 1);
                    }

                    #advertising-accessory-btn{
                        font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
                        font-weight: 700;
                        font-style: normal;
                        font-size: 14px;
                        color: #44546E;
                        background-color: rgba(242, 242, 242, 1);
                    }

                    
                    #file-input-advertise{
                        position: absolute;
                        color: transparent;
                        width: 106px;
                        height: 42px;
                        left: 262px;
                        z-index: 4;
                        opacity: 0;
                    }

                    #advertising-return-btn{
                        background-color: rgba(255, 255, 255, 1);
                        box-sizing: border-box;
                        border-width: 1px;
                        border-style: solid;
                        border-color: rgba(242, 242, 242, 1);
                        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                        font-weight: 700;
                        font-style: normal;
                    }

                    #advertising-save-contract-btn{
                        font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                        font-weight: 700;
                        font-style: normal;
                        color: #FFFFFF;
                        background-color: rgba(215, 215, 215, 1);
                    }

                }



            }

        }

       //房屋租赁模态框
       #add-casa-contract-modalbox{
        display: none;
        width: 98.5%;
        height: 95%;
        position: absolute;
        background-color:white;
        top: 29px;
        left: 25px;
        box-sizing: border-box;
        p{
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.35);
            height: 40px;
            line-height: 40px;
            box-sizing: border-box;
            padding-left: 20px;
        }
    
        #casa-basic-tb{
            tr{
                #casa-choose-plot{
                    width: 80%;
                }
                td{
                    padding-top:10px;
                    padding-bottom:10px;
                   input{
                    width: 227px;
                    height: 43px;
                    box-sizing: border-box;
                    outline: none;
                    border: 1px solid rgba(227, 232, 238, 1);
                    padding-left: 5px;
                   } 
    
                   select{
                    width: 227px;
                    height: 43px;
                    outline: none;
                    border: 1px solid rgba(227, 232, 238, 1);
                    color: rgb(101, 113, 128);
                    box-sizing: border-box;
                    padding-left: 5px;
                   }
    
                }
    
                .text-title-td{
                    font-weight: 700;
                    font-style: normal;
                    font-size: 15px;
                    font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                    color: rgb(101, 113, 128);
                    text-align: right;
                    box-sizing: border-box;
                    padding-left: 35px;
                    padding-right: 8px;
                }
    
            }
        }
    
        #casa-bargain-tb{
            tr{
                td{
                    padding-top:5px;
                    padding-bottom:5px;
                   input:not(.check-input){
                    width: 227px;
                    height: 43px;
                    box-sizing: border-box;
                    outline: none;
                    border: 1px solid rgba(227, 232, 238, 1);
                    padding-left: 5px;
                   } 
    
                   #upload-attachment-input,#remark-input{
                       width: 98.5%;
                       box-sizing: border-box;
                   }
          
                   select{
                    width: 227px;
                    height: 43px;
                    outline: none;
                    border: 1px solid rgba(227, 232, 238, 1);
                    color: rgb(101, 113, 128);
                    box-sizing: border-box;
                    padding-left: 5px;
                   }
    
                }
    
                .text-title-td{
                    font-weight: 700;
                    font-style: normal;
                    font-size: 15px;
                    font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                    color: rgb(101, 113, 128);
                    text-align: right;
                    box-sizing: border-box;
                    padding-left: 35px;
                    padding-right: 8px;
                }
    
            button{
           width: 106px;
           height: 42px;
           background-color: rgba(51, 153, 255, 1);
           border: none;
           border-radius: 3px;
           margin-right: 10px;
                }
    
            #casa-add-allowpostattach-btn{
            background-color: rgba(242, 242, 242, 0.427450980392157);   
             box-sizing: border-box;
             border-width: 1px;
             border-style: solid;
             border-color: rgba(215, 215, 215, 1);
                }
    
                #casa-accessory-btn{
                    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
                    font-weight: 700;
                    font-style: normal;
                    font-size: 14px;
                    color: #44546E;
                    background-color: rgba(242, 242, 242, 1);
                }
    
                
                #file-input-casa{
                    position: absolute;
                    color: transparent;
                    width: 106px;
                    height: 42px;
                    left: 262px;
                    z-index: 4;
                    opacity: 0;
                }
    
                #casa-return-btn{
                    background-color: rgba(255, 255, 255, 1);
                    box-sizing: border-box;
                    border-width: 1px;
                    border-style: solid;
                    border-color: rgba(242, 242, 242, 1);
                    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                    font-weight: 700;
                    font-style: normal;
                }
    
                #casa-save-contract-btn{
                    font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
                    font-weight: 700;
                    font-style: normal;
                    color: #FFFFFF;
                    background-color: rgba(215, 215, 215, 1);
                }
    
            }
    
    
    
        }
    
    }




        //租房合同模态框
        #add-houseRent-contract-modalbox{
            display: none;
            position: absolute;
            width: 987px;
            height: 620px;
            top: 9%;
            left:15%;
            border: 1px solid #d7dde4;
            border-radius: 10px;
            box-sizing: border-box;
            padding:25px 15px 20px 15px;
            background-color: white;
            #houseRent-header-div{
                display: flex;
                justify-content: space-between;
                border-bottom:1px solid #d7dde4;
                box-sizing: border-box;
                padding-left: 30px;
                padding-bottom: 20px;
                h4{
                    font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                    font-weight: 700;
                    font-style: normal;
                    font-size: 14px;
                    color: rgb(68, 84, 110);
                }
                img{
                    width: 20px;
                    height: 20px;
                }
            }

            #houseRent-bargain-tb{
                margin-top: 20px;
                tr{
                    td{
                        padding-top:3px;
                        padding-bottom:3px;
                       input:not(.check-input){
                        width: 184px;
                        height: 43px;
                        box-sizing: border-box;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        padding-left: 5px;
                       } 

                       #houseRent-upload-attachment-input,#houseRent-remark-input{
                           width: 98.5%;
                           box-sizing: border-box;
                       }
              
                       select{
                        width: 227px;
                        height: 43px;
                        outline: none;
                        border: 1px solid rgba(227, 232, 238, 1);
                        color: rgb(101, 113, 128);
                        box-sizing: border-box;
                        padding-left: 5px;
                       }

                    }

                    .text-title-td{
                        font-weight: 700;
                        font-style: normal;
                        font-size: 15px;
                        font-family: "微软雅黑 Bold", "微软雅黑 Regular", 微软雅黑;
                        color: rgb(101, 113, 128);
                        text-align: right;
                        box-sizing: border-box;
                        padding-left: 22px;
                        padding-right: 8px;
                    }

                button{
               width: 106px;
               height: 42px;
               background-color: rgba(51, 153, 255, 1);
               border: none;
               border-radius: 3px;
               margin-right: 10px;
                    }
                
                    #file-input-contract{
                        position: absolute;
                        color: transparent;
                        width: 106px;
                        height: 42px;
                        left: 265px;
                        z-index: 4;
                        opacity: 0;
                    }

                #houseRent-add-allowpostattach-btn{
                background-color: rgba(242, 242, 242, 0.427450980392157);   
                 box-sizing: border-box;
                 border-width: 1px;
                 border-style: solid;
                 border-color: rgba(215, 215, 215, 1);
                    }

                    #houseRent-accessory-btn{
                        font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
                        font-weight: 700;
                        font-style: normal;
                        font-size: 14px;
                        color: #44546E;
                        background-color: rgba(242, 242, 242, 1);
                    }


                }



            }


            #houseRent-footer-div{
                width: 100%;
                text-align: right;
                border-top:1px solid #d7dde4;
                box-sizing: border-box;
                padding-top: 30px;
                margin-top: 25px;
                padding-right: 15px;
                button{
                 width: 106px;
                 height: 42px;
                 background: inherit;
                 background-color: rgba(7, 191, 132, 1);
                 border: none;
                 border-radius: 3px;
                 font-size: 14px;
                 color: #FFFFFF;
                }
                #houseRent-cancel-btn{
                    margin-left: 20px;
                    background-color: rgba(242, 242, 242, 1);
                    color: #44546E;
                }
            }

        }

        //合同图片显示模态框
        #show-img-div{
            display: none;
            position: absolute;
            width: 617px;
            height: 723px;
            top: 3%;
            left:20%;
            border: 1px solid #d7dde4;
            #cancle-img-div{ 
            width: 40px;     
            height: 40px;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;  
            top: 10px;
            right: 10px;
            background-image: url('../../images/cancle.png');
            }
            img{
                width: 100%;
                height: 100%;
            }
        }

        }
    }
}